<?php if (!defined('THINK_PATH')) exit();?><!-- http://www.wtown.com/ -->
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <title>东关街官网</title>
  <meta name="Keywords" content="东关街官方网站，东关街住宿，东关街旅游，东关街" />
  <meta name="Description" content="东关街" />
  <meta name="Author" content="扬州乐游山水网络科技有限公司" />
  <meta name="Copyright" content="版权所有 &copy; 2016 东关街" />
  <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
  <script src="/themes/simplebootx/Test/script/hm.js"></script>
  <script src="/themes/simplebootx/Test/script/jquery-1.8.3.min.js" language="javascript" type="text/javascript"></script>
  <script src="/themes/simplebootx/Test/script/jquery.placeholder.js" language="javascript" type="text/javascript"></script>
  <script src="/themes/simplebootx/Test/script/jquery-base.js" language="javascript" type="text/javascript"></script>
  <link href="/themes/simplebootx/Test/css/font_mac.css" rel="stylesheet" type="text/css" />
  <link href="/themes/simplebootx/Test/css/base.css" rel="stylesheet" type="text/css" />
  <link href="/themes/simplebootx/Test/css/index.css" rel="stylesheet" type="text/css" />
  <script src="/themes/simplebootx/Test/script/share.js"></script>
  <link rel="stylesheet" href="/themes/simplebootx/Test/css/share_style2_16.css" />

  <script src="/themes/simplebootx/Test/script/jquery.easing.js" language="javascript" type="text/javascript"></script>
 </head>
 <body>
  <!--TopBar,Beign-->
  <div id="TopContent"></div>
  <!--TopBar,End-->
  <!--焦点图,Begin-->
	<?php $home_slides=sp_getslide("portal_index"); $home_slides=empty($home_slides)?$default_home_slides:$home_slides; ?>
	
  <div class="banner clearfix" style="height: 806px;">
   <div class="floatLogo"><img style="width:100%;" src="/themes/simplebootx/Test/images/floatLogo2.png" /></div>
   <ul style="height: 806px; display: block;">
   <?php if(is_array($home_slides)): foreach($home_slides as $key=>$vo): ?><li class="" style="height: 806px; opacity: 1; z-index: 1;">
		<div class="img_box" style="height: 806px;">
		 <a href="<?php echo ($vo["slide_url"]); ?>"><img src="<?php echo sp_get_asset_upload_path($vo['slide_pic']);?>" height="100%" style="margin-left: -998.4px; display: block;" /></a>
		</div>
	</li><?php endforeach; endif; ?>
   
   </ul>
   <a href="javascript:void(0);" class="pages prev"></a>
   <a href="javascript:void(0);" class="pages next"></a>
  </div>
  <!--焦点图,End-->
  <!--主导航,Begin-->
  <div class="menu clearfix">
	<?php if(is_array($nav)): foreach($nav as $key=>$vo): ?><li style="width: 359.1385px;"> <a href="#" class="main"> <?php echo ($vo["label"]); ?> <p><?php echo ($vo["en_label"]); ?></p> </a>
		<?php if(!empty($vo['list'])): ?><div class="sub">
			<?php if(is_array($vo["list"])): foreach($vo["list"] as $key=>$voo): ?><a href="#menuSub" class="sub"><?php echo ($voo["label"]); ?></a><?php endforeach; endif; ?>
		</div><?php endif; ?>
	 </li><?php endforeach; endif; ?>
    </ul>
  </div>
  <!--主导航,End-->
  <!--图片展示,Begin-->
  <div class="photo clearfix" style="height: 2309px;">
   <div class="main box_01">
    <a href="#"><img src="/themes/simplebootx/Test/images/lijiyuyue.jpg" style="height: 924px; opacity: 1;" /></a>
   </div>
   <div class="main box_02">
    <a href="#"> <img src="/themes/simplebootx/Test/images/tesejingdian.jpg" style="height: 462px;" />
     <div class="bg"></div>
     <div class="cont">
      <h2>特色景点</h2>
      <p>盐商大贾 耋石造园，飞檐灰瓦下的文人情怀</p>
     </div> </a>
   </div>
   <div class="main box_03" style="top: 462px;width:50%;">
    <a href="#"> <img src="/themes/simplebootx/Test/images/nieniren.jpg" style="height: 462px;" />
     <div class="bg"></div>
     <div class="cont" style="overflow:visible;">
      <h2 style="margin-left:20%;">捏泥人</h2>
      <div style="position: absolute;top: -30%;left: 30%;background:#fff;padding:10px;opacity: 0.8;">
       <div style="border:1px solid #333;padding:10px;">
        <h2 style="width: 0px;font-size: 16px; word-wrap: break-word;letter-spacing: 5px;margin: 0 auto;color:#000;">非物质文化遗产</h2>
        <p style="width: 10px;word-wrap: break-word;letter-spacing: 5px;margin: 0 auto;position: absolute;top: 30px;right: 40%;line-height: 1em;font-size:12px;">指尖上的工艺 文化上的传承</p>
       </div>
      </div>
     </div> </a>
   </div>
 
   <div class="main box_05" style="top: 924px;">
    <a href="#"> <img src="/themes/simplebootx/Test/images/techan.jpg" style="height: 462px; opacity: 1;" />
     <div class="bg"></div>
     <div class="cont">
      <h2>地方特产</h2>
      <p>走走看看 把扬州特色带回家</p>
     </div> </a>
   </div>
   <div class="main box_06" style="top: 924px;width:75%;">
    <a href="#"> <img src="/themes/simplebootx/Test/images/kezhan.jpg" style="height: 462px; opacity: 1;" />
     <div class="bg"></div>
     <div class="cont">
      <h2>民宿客栈</h2>
      <p>枕水东关，赏邗城夜色</p>
     </div> </a>
   </div>
   <div class="main box_07" style="top: 1386px;">
    <a href="#"> <img src="/themes/simplebootx/Test/images/meishi.jpg" style="height: 462px; opacity: 1;" />
     <div class="bg"></div>
     <div class="cont">
      <h2>品味淮扬</h2>
      <p>扬州地道美食 才下舌尖，又上心头</p>
     </div> </a>
   </div>
   <div class="main box_08" style="top: 1847px;bottom:0;">
    <a href="#"> <img src="/themes/simplebootx/Test/images/manshenghuo.jpg" style="height: 462px; opacity: 1;" />
     <div class="bg"></div>
     <div class="cont">
      <h2>东关慢生活</h2>
      <p>穷极一生 做不完一场梦</p>
     </div> </a>
   </div>
   <div class="main box_10" style="top: 1386px;bottom:0;">
    <a href="#"> <img src="/themes/simplebootx/Test/images/pinghua.jpg" style="height: 924px; opacity: 0.865143;" />
     <div class="bg"></div>
     <div class="cont">
      <h2>文化盛宴</h2>
      <p>一段评话 一次与文化的邂逅</p>
     </div> </a>
   </div>
  </div>
  
  <div id="footer" style="height: 160px; bottom: 0px;">
   <div class="footer">
   
    <div class="bottom">
     <div class="bottomLogo"><img src="/themes/simplebootx/Test/images/footLogo.png" width="240" height="70" alt=""></div>
     <div class="paterLinks">
      <ul>
       <li style="padding-left:20px;"><a href="javascript:;"><img src="/themes/simplebootx/Test/images/p1.png" width="70" height="70" alt=""></a></li>
       <li><a href="javascript:;"><img src="/themes/simplebootx/Test/images/p2.png" width="70" height="70" alt=""></a></li>
     
      </ul>
     </div>
     <div class="footewm" style="position:relative;width:65px; padding-left:10px; height:65px;"><img
             src="/themes/simplebootx/Test/images/ewm2.png" height="65" width="65">
      <div style="position:absolute; top:65px; font-size:12px; text-align:center; left:10px; width:65px; height:30px; line-height:30px; color:#a9a9a9;">
       微信二维码
      </div>
     </div>
     <div class="footewm" style="position:relative;width:65px; padding-left:50px; height:65px;"><img
             src="/themes/simplebootx/Test/images/lr_weibo.png" height="65" width="65">
      <div style="position:absolute; top:65px; font-size:12px; text-align:center; left:50px; width:65px; height:30px; line-height:30px; color:#a9a9a9;">
       微博二维码
      </div>
     </div>
     <div class="chatLinks" style="width:280px;">
      <ul>
       <li class="app" style="padding-left: 50px;"><a href="javascript:;">
        <div class="chatIcon" style="background-position:0px -90px;"></div>
        <div class="chatText">东关街APP</div>
       </a></li>
       <li class="dcbBtns" style="padding-left: 10px;"><a href="#">
        <div class="chatIcon" style="background-position:0px -135px;"></div>
        <div class="chatText">在线调查</div>
       </a></li>
      </ul>
      <div class="chatBg" style="left: 50px;"></div>
      <!--<div class="google" style="display: none;"><img src="images/hlApp.jpg"><span>扫描下载安卓版</span></div>-->
     </div>
    
    </div>
    <footer class="copyRight" style="margin-top:-25px; padding-left:260px;padding-top:5px;">
     Copyright © 2016 扬州市名城旅游发展有限公司   苏ICP备05000626  &nbsp;&nbsp;&nbsp;&nbsp;  网站建设：<a
            href="http://www.leyouss.com" target="_blank">扬州乐游山水网络科技有限公司</a>
     <div class="footerNav" style="padding-top:5px;"><a href="">投诉建议</a><a href="">联系方式</a><a
             href="">实用信息</a><a class="dcbBtn" style="cursor:pointer;">在线调查</a></div>
    </footer>
   </div>
  </div>
  <!--底部,End-->
  <script language="javascript" type="text/javascript">
	var windowReSize=function(){
	var bannerWidth=$(window).width();
	var bannerHeight=$(window).height();
	//焦点图
	$('.banner,.banner ul,.banner li,.banner .img_box').height(bannerHeight-63);
	var imgRadio=(bannerHeight-63)/775;
	var imgWidth=(1920*imgRadio)/2

	$('.banner li img').css({'margin-left':-imgWidth+'px'});

	//主导航
	$('.menu li').width(bannerWidth/6);
	//图片展示
	$('.photo').height(Math.ceil(bannerWidth*1.25));
	$('.photo div.box_01').find('img').height(Math.ceil(bannerWidth*0.5));
	$('.photo div.box_02').find('img').height(Math.ceil(bannerWidth*0.25));
	$('.photo div.box_03').css({'top':Math.ceil(bannerWidth*0.25)+'px'}).find('img').height(Math.ceil(bannerWidth*0.25));
	$('.photo div.box_04').css({'top':Math.ceil(bannerWidth*0.25)+'px'}).find('img').height(Math.ceil(bannerWidth*0.5));
	$('.photo div.box_05').css({'top':Math.ceil(bannerWidth*0.5)+'px'}).find('img').height(Math.ceil(bannerWidth*0.25));
	$('.photo div.box_06').css({'top':Math.ceil(bannerWidth*0.5)+'px'}).find('img').height(Math.ceil(bannerWidth*0.25));
	$('.photo div.box_07').css({'top':Math.ceil(bannerWidth*0.75)+'px'}).find('img').height(Math.ceil(bannerWidth*0.25));
	$('.photo div.box_08').css({'top':bannerWidth+'px'}).find('img').height(Math.ceil(bannerWidth*0.25));
	$('.photo div.box_09').css({'top':bannerWidth+'px'}).find('img').height(Math.ceil(bannerWidth*0.25));
	$('.photo div.box_10').css({'top':Math.ceil(bannerWidth*0.75)+'px'}).find('img').height(Math.ceil(bannerWidth*0.5));
}

$(function(){
	windowReSize();
	//焦点图
	$('.banner').focusMap();
	//主导航
	$('.menu li').hover(function(){
		var menuObj=$(this).find('div.sub');
		var top=menuObj.height()+26;

		$(this).find('a.main').addClass('on');
		menuObj.css('top',-top+'px').show();
	},function(){
		$(this).find('a.main').removeClass('on');
		$(this).find('div.sub').hide();
	});
	//图片展示
	// $('.photo div.main').hover(function(){
	// 	$(this).find('img').animate({'opacity':0.8},{queue:false,duration:300});
	// },function(){
	// 	$(this).find('img').animate({'opacity':1},{queue:false,duration:300});
	// });
	//改变尺寸
	$(window).resize(function(){
		windowReSize();
	});
});
</script>
<script>
window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"2","bdSize":"16"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];
</script>
<script>

$(".chatLinks li").hover(function(){
 $(".chatBg").stop().animate({left:60*($(this).index()==1?2.8:0.8)},{duration:600,easing:'easeOutExpo'})
})
</script>
 </body>
</html>